<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>局部JavaScript变量</title>
</head>

<body>
    <p>在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。</p>
    <p>您可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量。</p>
    <p>只要函数运行完毕，本地变量就会被删除。</p>
    <script>
        function myFunction1() {
            var x = 1;
            alert(x);
        }
        function myFunction2() {
            var x = 2;
            alert(x);
        }
        document.getElementById("demo").innerHTML = x;// 控制台报错
    </script>
    <button onclick="myFunction1()">myFunction 1方法</button>
    <button onclick="myFunction2()">myFunction 2方法</button>
    <p id="demo">显示x的值</p>
</body>

</html>